<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2023/10/31
  Time: 18:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="css/index1.css">
    <script src="js/jquery-3.7.1.js"></script>
    <script src="js/qs.min.js"></script>
    <script src="js/axios.js"></script>
    <script src="js/_axios.js"></script>
    <script src="js/view/index1.js"></script>
</head>
<body>
<h1>多条件查询</h1>
<a href="index3.jsp">演员表</a>
<div id="searchbar">
    <form action="#" onsubmit="return onSearch()">
        <strong>
            <span>City Id :</span>
            <input type="number" name="minId">
            <span>~</span>
            <input type="number" name="maxId">
        </strong>
        <strong>
            <span>City Name</span>
            <input type="text" name="cityName">
        </strong>
        <strong>
            <span>Country Name</span>
            <input type="text" name="countryName">
        </strong>
        <br>
        <strong>
            <span>Last Update</span>
            <input type="date" name="minDate">
            <span>~</span>
            <input type="datetime-local" name="maxDate">
        </strong>
        <input type="submit" value="查询">
        <input type="reset" value="清空">
    </form>
</div>
<table>
    <thead>
    <tr>
        <th>city_id</th>
        <th>city</th>
        <th>country_id</th>
        <th>last_update</th>
    </tr>
    </thead>
    <tbody>

    </tbody>
</table>
<div>
    <select name="pageSize" onchange="onChange()">
        <option value="10">10</option>
        <option value="20">20</option>
        <option value="50">50</option>
        <option value="100">100</option>
    </select>
    <a href="#" onclick="return pageChange(-1)">首页</a>
    <a href="#" onclick="return pageChange(-2)">上一页</a>
    <span id="nav">

        <a href="#" onclick="return pageChange(2)">2</a>
    </span>
    <a href="#" onclick="return pageChange(-3)">下一页</a>
    <a href="#" onclick="return pageChange(-4)">末页</a>
    <span id="pageNum"></span>
    <span id="delimiter">/</span>
    <span id="pages"></span>
</div>
</body>
</html>
